// ignore_for_file: file_names, must_be_immutable

// 无状态组件, 纯展示用的组件
import 'package:flutter/material.dart';

class MyApp17 extends StatelessWidget {
  const MyApp17({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        // 1.1 导航
        appBar: AppBar(
          title: const Text('CustomScrollView组件'),
          backgroundColor: Colors.pink,
        ),
        // 1.2 主体内容
        body: CustomScrollView(slivers: [
          // 网格
          SliverGrid.builder(
            gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 3,
                mainAxisSpacing: 10,
                crossAxisSpacing: 10,
                childAspectRatio: 1.5),
            itemBuilder: (BuildContext context, int index) {
              return Container(
                alignment: Alignment.center,
                color: Colors.teal,
                child: Text(
                  '$index',
                  style: const TextStyle(color: Colors.white, fontSize: 30),
                ),
              );
            },
            itemCount: 6,
          ),
          // 列表
          SliverList.builder(
              itemBuilder: (BuildContext context, int index) {
                return Container(
                    width: double.infinity,
                    height: 100,
                    margin: const EdgeInsets.all(10),
                    alignment: Alignment.center,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(35),
                      color: Colors.blue,
                    ));
              },
              itemCount: 10)
        ]));
  }
}
